<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@include file="../WEB-INF/jspf/controlesessao.jspf"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Lista Modulos</title>
                <script type="text/javascript" src="../js/jquery.js" ></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.2.custom.min.js" ></script>
        <script type="text/javascript" src="../js/jquery.ui.datepicker-pt-BR.js" ></script>
        <script type="text/javascript" src="../js/jquery.validate.js"></script>
        <script type="text/javascript" src="../js/forms.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.2.custom.min.js" ></script>
        <link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.2.custom.css">
        <link rel="stylesheet" href="../css/forms.css">

    </head>
    <script>
        $(function() {

            $("#procurar").button();

            $("#procurar").click(function() {
                getModulos();
            });
        });
    </script>
    <body>
               <div id="formulario">
       <h1>Módulos</h1>
        <form method="post" name="form">
            <p><label class="lbInput">Área<em>*</em></label>
                <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                    SELECT  *
                    FROM areas
                    order by desc_area
                </sql:query>
                <select name="id_area" onchange="getCursos()">
                    <option value="">Selecione uma opção</option>
                    <c:forEach var="row" items="${query.rows}">
                        <option value="${row.id_area}" ${row.id_area==param.id_area?'selected':''}>${row.desc_area}</option>
                    </c:forEach>
                </select>
            </p>
            <p><div id="cursos">

                </div>
            </p>
            <p>
                <a id="procurar" href="#">Procurar</a>
            </p>
        <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
        <div id="modulos">

        </div>
        </div>

    </body>
</html>
